<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<%@taglib uri="http://www.springframework.org/tags/form" prefix="form"%>
<%@taglib uri="http://java.sun.com/jstl/core_rt"  prefix="c"%>

<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Attendance Report</title>
<script src="js/jquery-1.8.0.js"></script>
 <script src="js/jquery-ui-1.8.23.custom.js"></script>
<link rel="stylesheet" href="css/jquery-ui-1.8.23.custom.css"/>

 	<style>
		div.ui-datepicker{
			font-size:12px;
		}
	</style>
 
</head>

<body>
<h2 align="center"> Attendance Report</h2>
<form:form action="generateexcel.htm">
<%request.getSession().setAttribute("attendanceList", request.getAttribute("attendanceList")); %> 


<table align="center" id="title" border="0" cellspacing="5" cellpadding="5" width="500">
	<thead>
		<tr>
			<td align="left">Date: ${date}</td>
			<td align="left">Hour: ${hour}</td>
		</tr>
		<tr>
			<td align="left">Subject: ${attendanceList[0].subject}</td>
			<td align="left">Faculty: ${attendanceList[0].faculty}</td>
		</tr>
	</thead>
</table>
<br />
<table width="500" border="1" align="center" cellpadding="5" id="report" >
	
  <tr>
    <th width="95" scope="col">Hallticket</th>
    <th width="109" scope="col">Name</th>
    
    <th width="101" scope="col">Attendance</th>
  </tr>
  <c:forEach items="${attendanceList}" var="attendance"> 
  <tr>
    <td>${attendance.id.student.htno}&nbsp;</td>
    <td>${attendance.id.student.name}&nbsp;</td>
    
    <td>${attendance.attendance}&nbsp;</td>
  </tr>
  </c:forEach>
  <tr>
    <td><input type="button" value="<-Back" onclick="History().back()"/> </td>
    <td><input type="submit" value="Generate Excel Report"/></td>
    <td>r</td>
  </tr>
</table>

</form:form>
<p align="center">&nbsp;</p>
<script type="">
	    

$("#report").addClass("ui-widget-content");
$("#report th").addClass("ui-widget-header");
$("#title").addClass("ui-widget");
$("#title").addClass("ui-widget-content");
$("h2").addClass("ui-widget-header");
</script>
</body>
</html>
